<!--
* @author wn
* @date 2022/05/11 14:35:02
* @description: 面包屑组件的插槽
* slot 放文字
!-->
<template>
	<div class="xtx-bread-item">
		<router-link v-if="to" :to="to">
			<slot />
		</router-link>
		<span v-else>
			<slot />
		</span>
		<!-- 向右箭头 -->
		<!-- <i class="iconfont icon-angle-right"></i> -->
	</div>
</template>
<script>
export default {
	name: 'XtxBreadItem',
	props: {
		to: {
			type: [String, Object],
			default: '',
		},
	},
}
</script>
<style scoped lang="less">
.xtx-bread-item {
	a {
		color: #666;
		transition: all 0.4s;
		&:hover {
			color: @xtxColor;
		}
	}
}
</style>
